
/*******************************************************************************

        Theme for PHP-Fusion V7.01
        Theme Name: 4Newspapers
        Description: Very minimal design, to bring out the content on the page.
    
        Version: 1.0
        Tags:  bright, one-columns, fixed-width.
        Modification: instructions are inside of README file.
        
        Author: SimpleVision
        email: design@simplevision.dk
        site: http://simplevision.dk     

        Copyright (c) 2010 SimpleVision.dk
        Licences: AGPLv3     
    
******************************************************************************/


/*----------------------------------------------------------
    RESET
    v1.0 | 20080212
    http://meyerweb.com/eric/tools/css/reset/
-----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; letter-spacing: 1px; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
code, pre { background: #111; color: white; display: block; padding: 10px; }
/*----------------------------------------------------------
    remember to define focus styles! 
-----------------------------------------------------------*/
:focus { outline: 0; }
/*----------------------------------------------------------
    remember to highlight inserts somehow! 
-----------------------------------------------------------*/
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*----------------------------------------------------------
    tables still need 'cellspacing="0"' in the markup 
-----------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: #555; font-family: Arial,Verdana,Tahoma,sans-serif; }
input { font-size: 16px; margin: 5px; padding: 5px; }
/*----------------------------------------------------------

    THEME 

-----------------------------------------------------------*/
body { font: normal normal normal 15px/26px 'Lucida Grande' , Lucida, Verdana, sans-serif; }
.wrapper { width: 960px; margin: 0 auto; background: #fff; }
/*----------------------------------------------------------

    Header 

-----------------------------------------------------------*/
#header { background: #fff; min-width: 960px; overflow: hidden; width: 100%; }
#menu { width: 960px; margin: 0 auto; }
/*----------------------------------------------------------

    Header - Logo

-----------------------------------------------------------*/
#logo { background: no-repeat; height: 80px; background: url(images/logo.png) no-repeat; width: 350px; display: inline-block; margin-bottom: -10px; float: left; }
/*----------------------------------------------------------

    Header - Main navigation menu

-----------------------------------------------------------*/
#container { margin: 0px auto; overflow: hidden; position: relative; padding: 0 10px; background: #fff; width: 100%; }
#container ul { float: left; overflow: hidden; text-align: right; }
#container ul li { display: inline-block; float: left; text-align: center; }
#container ul a span { color: #999; display: inline-block; font-family: 'Arial black', helvetica, Verdana, sans-serif; font-size: 20px; padding: 5px 10px; }
#container ul a span i { display: block; color: #333; font-size: 10px; font-family: Arial , helvetica, Verdana, sans-serif; font-style: normal; line-height: 20px; text-transform: uppercase; }
#container ul a span:hover, #container ul a span:hover i { color: #333; }
#container .current span, #container .current span i, #container .current:hover span, #container .current:hover span i { color: #fff; background: #85c9f1;}
/*----------------------------------------------------------

    Header - User navigation menu

-----------------------------------------------------------*/
#tools { display: block; margin: 0px auto 10px; width: 960px; overflow: hidden; }
#user-nav { float: right; background-color: #eee; margin-right: 10px;}
ul#user-nav li { float: left; color: #fff; padding: 0;  background-color: #eee;}
ul#user-nav a { color: #666; font-size: 12px; display: inline-block; padding: 0 5px; }
/*----------------------------------------------------------

    Banner

-----------------------------------------------------------*/
#banner { background: #85c9f1; border-bottom: 1px solid #e0e0e0; margin-bottom: 5px; min-height: 30px; overflow: hidden; }
#banner h1 { color: #fafafa; font-family: kootenay, 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, Jamrul, sans-serif; font-size: 18px; font-weight: normal; line-height: 30px; margin: 0px auto; padding: 5px; width: 940px; }
#bannerdump { font-size: 16px; font-family: Verdana,Sans-Serif; color: #fafafa; }
/*----------------------------------------------------------

    Content

-----------------------------------------------------------*/
.content { overflow: hidden; width: 960px; margin: 0 auto; }
.panelbody { background: #fff; margin-bottom: 5px; padding: 10px; }
.item, .panelbody { overflow: hidden; }
.panelbody.news .item { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.news-category { float: left; margin-right: 10px; margin-bottom: 10px; }
.panelcap { padding-bottom: 10px; }
.pagenav { padding: 10px; background: none; border: none; font-size: 11px; line-height: 13px; outline: none; font-family: helvetica,arial, Verdana, Tahoma, Sans-Serif; }
.pagenav span, .pagenav a, .pagenav a:hover { background: #fafafa; display: inline-block; padding: 5px 10px; margin: 2px; text-decoration: none; border: 1px solid #f9f9f9; outline: 1px solid #AAA; }
/*----------------------------------------------------------

    Mainh1

-----------------------------------------------------------*/
#main a { text-decoration: none; color: #2a2a2a; }
#main { float: left; width: 671px; background: #fff; border-right: 1px solid #eee; color: #666; overflow: hidden; }
#main .news a, #main .articles a { color: #333; }
#main .news a:hover, #main .articles a:hover { color: maroon; }
/*----------------------------------------------------------

    Main -  Content

-----------------------------------------------------------*/
#main h2.panelcap { background: white; color: #1C67AC; display: block; font-family: Arial, Geneva, helvetica, sans-serif; font-size: 25px; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; }
#main .news h2.panelcap { font-size: 20px; line-height: 40px; text-transform: none; font-weight: bold; }
/*----------------------------------------------------------

    Side

-----------------------------------------------------------*/
#side { float: right; width: 287px; color: #888; }
#main td span.photogallery_album_photo_info { font-size: 10px; text-align: left; }
/*----------------------------------------------------------

    Side - Navigation

-----------------------------------------------------------*/
#side .cssglobal_001, #navigation, div > #navigation { padding: 0; }
#side .cssglobal_001 .panelcap { padding: 10px 15px; }
#side .cssglobal_001 a, #navigation a { border-top: 1px solid #fafafa; display: inline-block; font-weight: bold; padding: 5px 5px 5px 15px; padding-left: 15px; text-transform: uppercase; width: 100%; }
#side .cssglobal_001 a:hover, #navigation a:hover { background: #fafafa; }
#side .cssglobal_001 a:hover i, #navigation a i { color: #999; }
#side .cssglobal_001 i, #navigation a i { display: block; font-size: 12px; font-style: normal; font-weight: normal; color: #aaa; }
/*----------------------------------------------------------

    Search

-----------------------------------------------------------*/
#search { float: right; display: inline-block; position: relative; }
#search_drop_menu { display: inline-block; margin-left: -120px; text-align: right; width: 100px; cursor: pointer; }
.the_menu { display: none; margin-left: 5px; list-style: none; width: 480px; }
#searchform td { padding: 0; }
#searchform { display: none; }
/*----------------------------------------------------------

    Footer

-----------------------------------------------------------*/
#footer { margin: 30px auto; overflow: hidden; margin-bottom: 0; font-family: sans-serif; font-size: 12px; color: #999; border-top: 1px solid #eee; padding: 10px; line-height: 16px; }
#footer a { color: #666; }
#footer .right { float: right; }
.item-footer { border-bottom: 1px solid #EEE; color: #AAA; margin-top: 10px; padding: 10px; text-align: right; }
.item-footer a:hover { color: #333; }
/*----------------------------------------------------------

    News

-----------------------------------------------------------*/
#main.news- { border-left: 1px solid #fff; }
#main.news- .panelbody, #main.news-readmore .panelbody { display: none; }
#main.news-readmore .panelbody.newsitem { display: block; }
#main.news- .panelbody.newsitem { width: 219px; display: inline-block; height: 400px; float: left; border-right: 1px solid #eee; }
#main.news- .item { letter-spacing: normal; font-size: 12px; line-height: 16px; }
#main.news- .item a { color: #09c; }
#main.news- h2.panelcap a { line-height: normal; letter-spacing: normal; font-size: 20px; background: transparent; font-family: Georgia,'Times New Roman',Serif; color: #000; text-transform: none; }
#main.news- h2.panelcap a:hover { color: #09c; }
#main.news- h2.panelcap { margin: 0; padding: 0; }
#main.news- .newsdate { font-size: 10px; color: #069; }
#main.news-readmore .newsdate { font-size: 12px; color: #069; }
/*----------------------------------------------------------

  Misc - Buttons

-----------------------------------------------------------*/
input[type="button"], input[type="submit"] { background: #dadada; border: 1px solid #d9d9d9;  color: #333; font-weight: 700; padding-top: 6px; text-transform: capitalize; }
input[type="button"]:hover, input[type="submit"]:hover { background: #444; color: #fff; border: 1px solid #444666; cursor: pointer; }
input[value="link"], input[value="img"], input[value="center"], input[value="small"], input[value="alt"], input[value="small2"] { font-weight: 400; font-size: 12px; }
input[name="publish"] { background: #78b45d url(images/accept.png) no-repeat 5px 7px; border: 0; padding-left: 30px; padding-right: 10px; }
input[name="delete"] { background: #a51314 url(images/delete.png) no-repeat 5px 7px; border: 0; padding-left: 30px; padding-right: 15px; color: #000; }
input[name="publish"]:hover { background: #000 url(images/accept.png) no-repeat 5px 7px; border: 0; }
input[name="delete"]:hover { background: #000 url(images/delete.png) no-repeat 5px 7px; border: 0; }
/*----------------------------------------------------------

  SimpleSearch

-----------------------------------------------------------*/
#simplesearch .textbox { width: 150px; border: 1px solid #eee; }
/*----------------------------------------------------------

  Photogallery

-----------------------------------------------------------*/
#main .gallery { overflow: hidden; padding: 0 0 0 2px; }
#main .photogallery_album_photo_link { width: 159px; height: 159px; overflow: hidden; float: left; margin-left: 2px; margin-top: 2px; }
#main .photogallery_photo_desc { text-align: left; }
#main .photogallery.css420 h2.panelcap { display: none; margin-bottom: 0; padding-bottom: 5px; }
#main .photogallery_album_photo { float: left; display: block; }
#main .photogallery_album_photo_link { display: block; text-align: center; }
#main .photogallery_album_photo_link b { float: left; font-size: 12px; font-weight: normal; line-height: 18px; padding: 5px; text-align: left; text-transform: uppercase; }
#main .photogallery_album_thumb { vertical-align: top; border: 0; padding-right: 10px; }
#php .photogallery_album_thumb img { border: 5px solid #fff; }
#php .photogallery_album_desc { font-size: 14px; margin-right: 10px; color: #fefefe; line-height: 22px; }
#php .photogallery_album_desc a { color: #fefefe; }
#php .photogallery_album_desc strong { color: #fefefe; font-size: 20px; }
.panelbody.photogallery.css420 { padding: 10px 10px 5px; }
.photogallery.css420 table div { font-size: 14px; }
.panelbody.photos form[name='move_form'] { width: 650px; }
.panelbody.photos form[name='move_form'] td { float: left; width: 300px; border: 1px solid #eee; margin: 4px; min-height: 500px; }
.panelbody.photos form[name='move_form'] td:hover { background: #eff; }
/*----------------------------------------------------------

    Misc 

-----------------------------------------------------------*/
.shoutbox a.side { display: inline; width: auto; }
.code_bbcode div { border: 1px solid #ddd; border-left: 3px solid #ccc; }
.code_bbcode div.tbl2 { border-bottom: none; }
.quote, .admin-message { border: 1px solid #ddd; border-left: 3px solid #ccc; background: #f3f3f3; margin: 0 2em; padding: 3pt; }
.admin-message { color: #999; padding: 0.5em; margin: 1em auto; width: 80%; }
code, pre { font-family: monospace; font-size: 1.1em; }
/*----------------------------------------------------------

    Misc - Forum

-----------------------------------------------------------*/
td { padding: 5px; vertical-align: top; }
#main .forum_thread_post_date div[style="float:right"] { display: none; }
#main .forum_thread_user_info { font-size: 12px; }
#main .forum_thread_user_name a { font-size: 16px; color: #09c; }
#main .forum_thread_table .forum_thread_user_post a { color: #09c; }
.forum_idx_table td, .forum_table td { border-bottom: 1px solid #eee; }
.tbl1, .tbl2, .forum_name span.small, .forum-caption { font-size: 10px; text-transform: none; font-weight: 400; }
.forum-caption.forum_cat_name, .forum_name { font-size: 16px; text-transform: capitalize; }
.forum_name, #main .forum_thread_user_post { font-size: 14px; line-height: 18px; font-family: Verdana, Arial, Geneva, helvetica, Sans-Serif; letter-spacing: 0; }
#main .forum_thread_user_post a { color: #333; }
#main .forum_thread_user_post a:hover { color: #333; }
.forum_table td a { font-size: 16px; }
.forum_post_signature { display: block; border-top: 1px solid #eee; padding: 10px 0; margin-top: 10px; }
/*----------------------------------------------------------

    TinyMCE specific rules

-----------------------------------------------------------*/
body.mceContentBody { background-color: #FFF; color: #000; }
.mceContentBody a { color: blue !important; /* FX requires a important here */ }
/*----------------------------------------------------------

    Administration - PhotoGallery

-----------------------------------------------------------*/
.panelbody.photos form[name='move_form'] { width: 650px; }
.panelbody.photos form[name='move_form'] td { float: left; width: 300px; border: 1px solid #eee; margin: 4px; min-height: 500px; }
.panelbody.photos form[name='move_form'] td:hover { background: #eff; }


